.line {
  height: 110upx;
  line-height: 110upx;
  border-bottom: 1px solid #f3f3f3;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
  font-size: 32upx;
  color: #030e29;
  background: #fff;
  padding: 0 40upx; }

.line image {
  width: 60upx;
  height: 60upx;
  margin-right: 40upx;
  border-radius: 50%;
  margin-top: 10upx; }

.i-right {
  position: absolute;
  top: 2upx;
  right: 0;
  color: #777d90;
  height: 110upx;
  font-size: 26upx; }

.line .txt-r {
  color: #777d90;
  padding-right: 40upx;
  font-size: 30upx; }

.button {
  border-radius: 44upx;
  font-size: 32upx; }

.input-row-s {
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  font-size: 42upx;
  line-height: 90upx;
  height: 90upx; }

.input-row-s input {
  line-height: 90upx;
  height: 90upx;
  flex: 1; }

.textcode {
  height: 98upx;
  background: #fff; }
  .textcode text {
    font-size: 32upx;
    color: #0e1327;
    width: 170upx; }
  .textcode input {
    line-height: 80upx;
    font-size: 30upx;
    height: 80upx;
    padding: 10px 0; }
  .textcode .btn-getcode {
    width: 160upx;
    height: 58upx;
    line-height: 58upx;
    background: #f23d3d;
    color: #fff;
    border-radius: 29upx;
    text-align: center;
    font-size: 24upx; }
  .textcode .btn-getcode.disabled {
    background: #dfdfdf; }

.h2 {
  font-size: 46upx;
  color: #333;
  line-height: 100upx;
  margin-top: 20upx;
  font-weight: bold; }

.p {
  color: #878787;
  padding: 8upx 0;
  line-height: 48upx; }

.txt {
  font-size: 24upx;
  color: #878787;
  line-height: 40upx; }

.btn-row {
  padding: 30upx 0; }

button {
  height: 88upx;
  line-height: 88upx;
  border-radius: 8upx;
  text-align: center;
  color: #fff;
  font-size: 32upx; }

.button {
  border-radius: 8upx; }

.button.primary {
  background: linear-gradient(47deg, #ff7201 0%, #ff922c 100%); }

.button.disabled {
  background: #c7c7c7;
  color: #fff; }

.login-ipt-wrap {
  border-bottom: 1px solid #c7c7c7;
  position: relative;
  height: 102upx;
  padding: 10upx; }

.login-ipt-wrap input {
  padding-left: 38upx;
  font-size: 42upx;
  line-height: 72upx;
  height: 72upx;
  padding: 10px 0; }

.login-ipt-wrap text {
  font-size: 28upx;
  width: 80upx; }

.login-bottom {
  justify-content: space-between;
  padding-top: 10upx; }

.login-ipt-wrap::after, .input-row::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  opacity: 0;
  filter: opacity(0);
  border-bottom: 2px solid #FF7201;
  -webkit-transform: translate(-50%) scaleX(0);
  transform: translate(-50%) scaleX(0);
  box-sizing: border-box;
  transition: .3s  ease-out; }

.focus::after {
  -webkit-transform: translate(-50%) scaleX(1);
  transform: translate(-50%) scaleX(1);
  opacity: 1;
  filter: opacity(100); }

.login-ipt-wrap::after {
  height: 102upx; }

.input-row::after {
  height: 90upx; }

.login-bottom-wrap {
  width: 500upx; }

.checkbox {
  width: 218upx; }

.checkbox image {
  width: 24upx;
  height: 24upx;
  margin-right: 10upx;
  vertical-align: middle; }

.col_blue {
  color: #4779e8; }

.login-bottom .p {
  text-align: right;
  white-space: nowrap; }

.login-bottom .p.on {
  color: #434343; }

.login-footer {
  position: absolute;
  bottom: 40upx;
  left: 0;
  text-align: center;
  width: 100%; }

.footer-row {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.footer-row text:not(:nth-of-type(2)) {
  padding: 0 20upx;
  width: 300upx;
  text-align: left; }

.footer-row text:nth-of-type(1) {
  text-align: right; }

.ver-code {
  padding-bottom: 40upx; }

.ver-code .code {
  background: #cc9966 no-repeat center;
  height: 190upx;
  align-items: center;
  justify-content: center;
  background-size: auto 100%; }

.ver-code .code image {
  width: 462upx; }

.ver-code .text {
  padding: 30upx 0 45upx; }

.square-title {
  padding: 20upx 0 10upx;
  justify-content: space-between; }

.square-section {
  position: relative;
  background: #fff;
  height: 100upx; }

.ipt-block {
  width: 100upx;
  height: 100upx;
  border-radius: 4upx;
  border: 1px solid #c9c9c9;
  margin-right: 20upx;
  text-align: center;
  box-sizing: border-box;
  line-height: 100upx; }

.ipt-block:nth-last-of-type(1) {
  margin-right: 0; }

.ipt-block.active {
  border-color: #f23d3d;
  color: #f23d3d; }

.ipt-code, .text-wrap {
  height: 100upx;
  position: absolute;
  left: 0;
  top: 0;
  width: 480upx;
  line-height: 100upx;
  overflow: hidden; }

.ipt-code {
  margin-left: -750upx;
  width: 1400upx; }

text.ipt-block {
  border-color: transparent; }

.square-msgcode .ipt-block {
  width: 95upx;
  height: 95upx;
  line-height: 95upx; }

.square-msgcode .ipt-code, .square-msgcode .text-wrap {
  width: 100%;
  line-height: 95upx;
  height: 95upx; }

.square-msgcode .ipt-code {
  width: 1400upx; }

button.btn-send[disabled] {
  color: #f23d3d;
  background: none; }

.btn-send {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #f23d3d; }

.input-row {
  border-bottom: 1px solid #c7c7c7;
  font-size: 42upx;
  margin-bottom: 25upx;
  color: #515151;
  position: relative; }

.input-row input {
  height: 88upx;
  line-height: 88upx;
  width: 560upx; }

.pwd-eyes {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 88upx;
  padding: 0 10upx;
  z-index: 2; }

.input-row .uni-icon-eye, .input-row-s .uni-icon-eye {
  width: 40upx;
  height: 26upx; }

.oauth {
  position: absolute;
  bottom: 180upx;
  left: 0;
  align-items: center;
  height: 50upx;
  line-height: 50upx; }

.oauth .oauth-view {
  text-align: center;
  justify-content: center;
  align-items: center; }

.oauth .oauth-view image {
  width: 118upx;
  height: 118upx; }

.oauth .oauth-view .text {
  line-height: 70upx; }
